body {
	margin: 0;
	padding: 0;
	position: relative;
}

.font_semibold {
	font-family: PingFangSC-Semibold!important;
}

.font_regular {
	font-family: PingFangSC-Regular!important;
}

.font_light {
	font-family: PingFangSC-Light!important;
}

.font_medium {
	font-family: PingFangSC-Medium!important;
}

.border_color {}

.back_color {}

.font_color {}

.head {
	display: block;
	width: 100%;
	height: 0.56rem;
	line-height: 0.56rem;
	position: fixed;
	top: 0;
	z-index: 999;
	background: #FFFFFF;
	box-shadow: 0 2px 2px 0 rgba(8,44,111,0.17);
}

.manu {
	width: 0.24rem;
	height: 0.22rem;
	position: absolute;
	top: 0;
	right: 0.2rem;
}

.banner {
	width: 100%;
	
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-align: center;
	overflow: hidden;
	padding-bottom: 0.45rem;
	padding-top: 0.56rem;
}

.banner h2,.banner h4 {
	text-align: center;
	word-wrap: break-word;
	margin: 0 auto;
}

.banner h3,
.banner h5 {
	margin: 0;
	display: block;
}

.banner h2 {
	width: 2.71rem;
	font-size: 0.3rem;
	line-height: 0.35rem;
	color: rgba(255, 255, 255, 1);
	font-weight: 500;
	padding-top: 0.25rem;
	padding-bottom: 0.1rem;
}

.banner h4 {
	width: 1.95rem;
	font-size: 0.15rem;
	line-height: 0.18rem;
	color: rgba(227, 232, 238, 1);
	font-weight: 300;
	margin-bottom: 0.15rem;
}

.get_price {
	width: 3.35rem;
	height: auto;
	background: rgba(255, 255, 255, 1);
	border-radius: 5px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	padding-bottom: 0.16rem;
	position: relative;
}
.use_scene_input {
	height: 0.34rem;
	border: 1px solid rgba(158, 159, 161, 1);
	border-radius: 5px;
	letter-spacing:0.002rem;
	background: #FFFFFF;
	line-height: 0.34rem;
	padding: 0 0.14rem;
}
.get_price .pos-city{
	position: absolute;
	top: .42rem;
	right: .25rem;
	margin: 0;
	font-size: .16rem;
}
.get_price .pos-city .iconfont{
	font-size: .15rem;
	line-height: .15rem;
}
.get_price .pos-city .currCity{
	font-size: .15rem;
	line-height: .15rem;
}

.get_price h3 {
	font-size: 0.2rem;
	color: rgba(33, 32, 34, 1);
	margin-left: 0.25rem;
	margin-top: 0.12rem;
	letter-spacing: 0.005rem;
}

.get_price h5 {
	font-size: 0.14rem;
	color: #9E9FA1;
	margin-left: 0.25rem;
	margin-top: 0.07rem;
	font-weight: 700;
	width: 1.85rem;
	margin-bottom: 0.18rem;
}

.get_price h5 i {
	font-style: normal;
	color: rgba(33, 32, 34, 1);
}

.banner_box {
	margin: 0 0.25rem;
	font-size: 0.13rem;
	margin-bottom: 0.19rem;
	position: relative;
}
.use_tel{margin-bottom: 0;padding-bottom: 0.19rem;}
.banner_box .title {
	color: rgba(33, 32, 34, 1);
	margin-bottom: 0.08rem;
	letter-spacing: 0.002rem;
}

.banner_input {
	width: 94%;
	height: 0.34rem;
	border: none;
	border: 1px solid rgba(158, 159, 161, 1);
	border-radius: 5px;
	color: rgba(158, 159, 161, 1);
	letter-spacing: 0.002rem;
	padding: 0 0.14rem;
	background: #FFFFFF;
	outline: none;
	padding-right: 0;
}

.tel_error{height: 0.19rem;line-height:0.19rem;font-size: 0.12rem;color:#FF5234;display: inline-block;position: absolute;bottom: 0;left: 0;display: none;}

.use_scene .icon-jiantouxia {
	position: absolute;
	font-size: 0.1rem;
	right: 0.15rem;
	bottom: 0.12rem;
	color: rgba(158, 159, 161, 1);
}

.screen_size_all {
	position: relative;
	text-align: center;
	height: 0.34rem;
}

.screen_size_div {
	height: 0.34rem;
	display: inline-block;
	border: 1px solid rgba(158, 159, 161, 1);
	border-radius: 5px;
	text-align: left;
}

.screen_size_height {
	width: 1.21rem;
	position: absolute;
	bottom: 0;
	left: 0;
}

.screen_size_width {
	width: 1.21rem;
	position: absolute;
	bottom: 0;
	right: 0;
}

.screen_size_all i {
	font-size: .12rem;
	line-height: 0.34rem;
	color: #9E9FA1;
}

.screen_size_div input {
	width: 30%;
	display: inline-block;
	border: none;
	padding: 0 0.14rem;
}

.screen_size_div span {
	display: inline-block;
	height: 0.34rem;
	line-height: 0.34rem;
	float: right;
	margin-right: 0.12rem;
	color: rgba(158, 159, 161, 1);
}

.get_price .btn {
	background: rgba(158, 159, 161, 1);
	width: 2.17rem;
	height: 0.43rem;
	border-radius: 1rem;
	text-align: center;
	line-height: 0.43rem;
	font-size: 0.15rem;
	color: #FFFFFF;
	border: none;
	letter-spacing: 0.01rem;
	margin: 0 auto;
	margin-bottom: 0.1rem;
}

.price_detail {
	font-size: .12rem;
	color: rgba(158, 159, 161, 1);
	width: 100%;
	text-align: center;
	height: 0.15rem;
	line-height: 0.15rem;
	position: relative;
	overflow: hidden;
	z-index: 10;
}
.price_detail_list{font-size: .12rem;
	color: rgba(158, 159, 161, 1);
	width: 100%;
	text-align: center;
	
	line-height: 0.1rem;
	position: absolute;
	
	overflow: hidden;}

.price_detail p{margin: 0;padding: 0;height: 0.15rem;line-height: 0.15rem}
.price_detail p span{display: inline-block;height: 0.15rem;line-height: 0.15rem;}
.project_case {
	margin: 0;
	padding: 0.7rem 0 0;
	overflow: hidden;
	background: #FFFFFF;
}

.the_title {
	width: 100%;
	text-align: center;
	font-size: 0.18rem;
	color: #212022;
	letter-spacing: 0.02rem;
	font-family: PingFangSC-Light;
	margin-bottom: 0.14rem;
}

.the_second_title {
	width: 100%;
	text-align: center;
	font-size: 0.13rem;
	color: #555555;
	letter-spacing: 0.02rem;
	font-family: PingFangSC-Light;
	margin-bottom: 0.28rem;
}

.choose_list {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
	font-size: 0.12rem;
	margin-bottom: 0.14rem;
}

.choose {
	display: inline-block;
	width: auto;
	height: 0.19rem;
	line-height: 0.19rem;
	padding: 0.025rem 0.045rem;
	border: 0.5px solid #EAEAEA;
	color: #B3B5B7;
	font-size: 0.12rem;
	background: #FFFFFF;
	overflow: hidden;
	margin-left: 0.09rem;
	margin-right: 0.09rem;
	margin-bottom: 0.11rem;
	border-radius: 2px;
}

.default_choose {
	color: #FFFFFF;
	/*background: #2873FF;
	border-color: #2873FF;*/
}
.swiper-container{
	padding: 0 .35rem;
}
.swiper-slide {
	text-align: center;
	color: #212022;
}

.case_box {
	
	margin: 0 auto;
	font-size: 0.13rem;
}

.swiper-slide img {
	width: 100%;
}

.swiper-slide .case_price {
	font-size: 0.17rem;
	margin: 0;
	padding: 0;
	text-align: left;
	margin-top: 0.17rem;
	margin-bottom: 0.13rem;
}

.swiper-slide .case_price span {
	margin-left: 0.05rem;
}

.swiper-slide .case_size {
	font-size: 0.15rem;
	margin: 0;
	padding: 0;
	text-align: left;
	margin-bottom: 0.06rem;
	font-weight: 600;
}

.swiper-slide .case_time {
	color: #83848E;
	margin: 0;
	padding: 0;
	text-align: left;
	margin-bottom: 0.67rem;
}

.guarantee_system {
	background: #F7FAFF;
	font-size: 0.13rem;
	color: #212022;
	padding-bottom: 0.76rem;
}

.guarantee_system .the_title {
	padding-top: 0.64rem;
}

.guarantee_system .the_second_title {
	margin-bottom: 0.1rem;
}

.guarantee_system_list {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.guarantee_system_list li {
	display: inline-block;
	width: 1.4rem;
	text-align: left;
	margin-top: 0.43rem;
}

.guarantee_system_list li p {
	width: 100%;
	margin: 0;
	padding: 0;
	height: 0.55rem;
	color: #9E9FA1;
	line-height: 0.18rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.guarantee_system_list li h5 {
	width: 100%;
	height: 0.17rem;
	line-height: 0.17rem;
	font-weight: 600;
	letter-spacing: 0.015rem;
	font-size: 0.17rem;
	margin-top: 0.2rem;
	margin-bottom: 0.17rem;
}

.guarantee_system_list li i {
	color: #2873FF;
	font-size: 0.45rem;
}

.guarantee_system_list li:nth-child(odd) {
	float: left;
	margin-left: 0.3rem;
}

.guarantee_system_list li:nth-child(even) {
	float: right;
	margin-right: 0.3rem;
}

.product_show {
	margin: 0;
	padding: 0;
	padding-top: 0.7rem;
	overflow: hidden;
	background: #FFFFFF;
}

.product_box {
	margin: 0 auto;
	font-size: 0.13rem;
}

.swiper-slide img {
	width: 100%;
	height: 2.04rem;
}

.swiper-slide .product_name {
	font-size: 0.14rem;
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: 400;
	color: #333339;
	margin-top: 0.2rem;
	margin-bottom: 0.63rem;
}

.partner {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #F7FAFF;
}

.partner {
	padding-top: 0.59rem;
}

.partner .the_second_title {
	margin-bottom: 0;
}

.partner_img {
	width: 100%;
	overflow: auto;
	margin-top: 0.5rem;
	margin-bottom: 0.2rem;
}
.partner_img img{
	height: 1.7rem;
}

.about_us {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #FFFFFF;
	padding-top: 0.66rem;
}

.honor {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #FFFFFF;
	margin-bottom: 0.29rem;
}

.about_title {
	font-size: 0.15rem;
	color: #212022;
	font-weight: 600;
	margin-left: 0.2rem;
	margin-bottom: 0.21rem;
}

.honor_box {
	margin: 0 auto;
	font-size: 0.13rem;
}

.about_us .the_second_title {
	margin-bottom: 0.47rem;
}

.honor_box img {
	border: none;
}

.company_size {
	font-size: 0.14rem;
	position: relative;
}

.company_size_info {
	font-size: 0.14rem;
	color: #FFFFFF;
	position: absolute;
	top: 0;
	width: 100%;
	margin-bottom: 0;
}
#swiper-container_company_size{padding: 0;}
.company_size_box {
	width: 100%;
	position: relative;
}

.company_size_box img {
	width: 100%;
	border: none;
}

.swiper-pagination-bullet-active {
	background: #FFFFFF;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 0.37rem;
}

.company_detail {
	font-size: 0.13rem;
	color: #83848E;
	width: 3.35rem;
	background: #F7FAFF;
	margin: 0 auto;
	margin-top: -0.18rem;
	z-index: 100;
	position: relative;
	padding-bottom: 0.27rem;
}

.legal_person {
	width: 100%;
	height: 0.6rem;
	padding: 0.18rem 0;
}

.legal_person img {
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 1000px;
	display: inline-block;
	margin-left: 0.24rem;
}

.legal_person_info {
	display: inline-block;
	height: 0.6rem;
	overflow: hidden;
}

.legal_person_info span {
	display: block;
	color: #83848E;
	font-size: 0.13rem;
	height: 0.22rem;
	float: left;
	width: 100%;
	line-height: 0.22rem;
	margin-left: 0.13rem;
}

.legal_person_info span:nth-child(1) {
	margin-top: 0.08rem;
}

.legal_person_info .legal_person_info_name {
	font-size: 0.16rem;
	color: #212022;
	font-weight: 600;
}

.company_info {
	margin: 0 0.24rem;
	padding: 0;
	font-size: 0.13rem;
	overflow: hidden;
	margin-top: 0.14rem;
}

.company_info li {
	display: inline-block;
	width: 33.3%;
	float: left;
}

.company_info li p {
	margin: 0;
	padding: 0;
	color: #83848E;
}

.company_info li p span {
	display: block;
	font-size: 0.15rem;
	color: #212022;
	font-weight: 600;
	height: 0.22rem;
	margin-top: 0.05rem;
}

.media {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #FFFFFF;
}

.media_box {
	margin: 0 auto;
	font-size: 0.13rem;
	color: #212022;
	text-align: left;
}

.media_box img {
	border: none;
}

.about_title {
	margin-top: 0.35rem;
}

.honor .about_title {
	margin-top: 0;
}
.media_info_title {
	width: 100%;
	font-size: 0.15rem;
	line-height: 0.21rem;
	margin-top: 0.15rem;
	margin-bottom: 0.05rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.media_info_detail {
	width: 100%;
	color: #9E9FA1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin-bottom: 0;
	margin-top: 0;
	line-height: 0.18rem;
}

.footer {
	display: block;
	background: #212022;
	color: #FFFFFF;
	font-size: 0.13rem;
	margin-top: 0.63rem;
	padding-bottom: 0.35rem;
}

.customer_service {
	margin: 0 0.29rem;
	padding: 0;
	list-style: none;
	padding-top: 0.33rem;
}

.customer_service_title {
	font-size: 0.16rem;
	line-height: 0.16rem;
	font-weight: 600;
	margin-bottom: 0.1rem;
}

.customer_service_time {
	line-height: 0.13rem;
	color: #9E9FA1;
	margin-bottom: 0.17rem;
}

.customer_service_num {
	font-size: 0.19rem;
	font-weight: 600;
}

.customer_service_num a {
	color: #FFFFFF;
	text-decoration: none;
}

.customer_service_num i {
	font-size: 0.16rem;
	margin-right: 0.08rem;
}

.preparation_number {
	margin: 0 0.29rem;
	font-size: 0.13rem;
	margin-top: 0.9rem;
}

.preparation_number span {
	display: inline-block;
	font-size: 0.14rem;
	margin-bottom: 0.12rem;
}

.preparation_number p {
	margin: 0;
	padding: 0;
	color: #A2A3B0;
}

#modal{width: 100%;height: 100vh;background: #FFFFFF;display: none;position: fixed;top: 0;font-size: 0.18rem;overflow: hidden;z-index: 999;}
.close_icon{width: 100%;height: 0.2rem;line-height: 0.2rem;overflow: hidden;margin-top: 0.18rem;}
.close_btn{float: right;font-size: 0.198rem;color: #333333;margin-right: 0.26rem;}
.manu_list{list-style: none;width: 1.26rem;height: 4.5rem;margin: 0 auto;padding: 0;font-size: 0.18rem;color: #212022;text-align: center;margin-top: 0.37rem;}
.manu_list li{width: 100%;height: 0.75rem;line-height: 0.75rem;}
.btns{width: 100%;height: 0.5rem;text-align: center;font-size: 0.18rem;}
.btns div{width: 0.5rem;height: 0.5rem;margin: 0 0.23rem;display: inline-block;line-height: 0.5rem;border-radius: 1000px;}
.btns div i{color: #FFFFFF;}
.btns a{text-decoration: none;}
.btns_tel{background: #FF9B00;position: relative;}
.btns_talk{background: #2873FF;}
.btns_tel :after{content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    border-right: 0.5px solid #979797;
    margin-left: 0.23rem;
    margin-top: 25%;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.btns_tel i{font-size: 0.22rem;}
.btns_talk i{font-size: 0.22rem;}
.mui-backdrop{width: 100%;height: 100vh;position: fixed;top: 0;font-size: 0.13rem;background: rgba(0,0,0,.3);}
.footer_btns{width: 100%;height: 0.6rem;background: #F9F9F9;font-size: 0.16rem;text-align: center;border-top: 0.5px solid rgba(151,151,151,0.12);overflow: hidden;position: fixed;bottom: 0;z-index: 999;display: none;}
.footer_btns button{width: 1.6rem;height: 0.45rem;border: none;border-radius: 3px;line-height: 0.45rem;color: #FFFFFF;font-size: 0.16rem;letter-spacing: 1px;outline: none;margin-top: 0.07rem;}
.footer_btns a{color: #FFFFFF;text-decoration: none;}
.footer_btns_tel{float: left;background: #FF9B00;margin-left: 0.2rem;}
.footer_btns_price{float: right;background: #2873FF;margin-right: 0.2rem;}
.customer_service_btn{width: 0.5rem;height: 0.5rem;font-size: 0.13rem;background:#2873FF;position: fixed;bottom: 0.78rem;right:0.2rem;z-index: 999;text-align: center;line-height: 0.5rem;color: #FFFFFF;border-radius: 1000px;display: none;}
.customer_service_btn i{font-size: 0.24rem;}
.customer_service_btn .unread-num{position: absolute;
	top: -8px;
	right: 0;
	width: .2rem;
	height: .2rem;
	line-height: .2rem;
	border-radius: 50%;
	font-size: .13rem;
	text-align: center;
	background-color: #ff001f;
	color: #fff;
	display: none;}


/* 城市选择 */
#CitySelector{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #fff;
	overflow: auto;
	top:0;
	left: 0;
	z-index: 1000;
	display: none;
}
#CitySelector div{box-sizing: border-box;font-size: .16rem;}
#CitySelector .container{
	padding: 0 .2rem;
	position: relative;
}
#CitySelector .goBack{
	color: #83848e;line-height: .4rem;
}
#CitySelector h1 {
	height: 0.25rem;
	font-size: 0.25rem;
	color: #212022;
	letter-spacing: 0px;
	margin-top: .15rem;
	margin-bottom: 0.08rem;
	font-weight: 700; }

#CitySelector .words {
	display: block;
	font-size: .12rem;
	color: #212022;
	letter-spacing: 0;
	line-height: .12rem;
	padding-top: 0.25rem; }

#CitySelector .input-div, #CitySelector .input-div:focus {
	outline: none;
	list-style: none;
	width: 100%;
	height: 0.46rem;
	font-size: .14rem;
	color: #212022;
	border: none;
	border-bottom: 1px solid #e3e8ee;
	border-radius: 0;
	box-shadow: none;
	-webkit-appearance: none;
	padding-top: 0.15rem;
	padding-bottom: 0.16rem; }

#CitySelector .unit {
	position: absolute;
	font-size: .14rem;
	color: #212022;
	letter-spacing: 0;
	right: .32rem;
	top: .51rem;
	color: #83848e;
}

#CitySelector .icon-location {
	margin-right: .06rem; }

#CitySelector .city-hots {
	padding-right: 0.33rem; }

#CitySelector [class^="line-"] {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap; }

#CitySelector .city-button {
	height: 0.34rem;
	width: 0.84rem;
	font-size: 0.14rem;
	line-height: 1;
	padding: 0.09rem 0;
	text-align: center;
	border-radius: 2px;
	border: 1px solid #e3e8ee;
	margin-top: 0.15rem; }

#CitySelector .city-part {
	margin-top: 0.25rem; }

#CitySelector .city-list {
	font-size: 0.15rem;
	height: 0.15rem;
	color: #4785f9; }

#CitySelector .city-item {
	font-size: 0.14rem;
	height: 0.51rem;
	padding: 0.18rem 0;
	border-bottom: 1px solid #e3e8ee;
	color: #000000;
	line-height: 1; }

#CitySelector .nav-bar {
	display: flex;
	flex-direction: column;
	position: fixed;
	/*visibility: hidden;*/
	right: 0.06rem;
	bottom: 0.63rem; }
#CitySelector .nav-bar a {
	font-size: 0.11rem;
	color: #b3b5b7;
	line-height: 0.19rem;
	text-align: center;
	text-decoration: none;
}
.commit_success{width: 3rem;height: 2.9rem;background: #FFFFFF;font-size: 0.14rem;color: #9E9FA1;text-align: center;position: fixed;top: 50%;left:50%;margin-top: -1.45rem;margin-left: -1.5rem;border-radius: 3px;z-index: 9999;overflow: hidden;display: none;}
.close_window{width: 0.14rem;height: 0.14rem;padding: 0.2rem;font-size: 0.14rem;display:block;position: absolute;top: 0;right: 0;}
.commit_success_info{width: 100%;margin-top: 0.7rem;font-size: 0.18rem;color: #000000;font-weight: 600;}
.commit_success_info i{width: 0.7rem;height: 0.7rem;font-size: 0.62rem;display: block;color: #F49F13;margin: 0 auto;}
.commit_success_info span{display:block;width: 100%;text-align: center;margin-top: 0.19rem;}
.commit_success_text{display: block;margin: 0 0.48rem;padding: 0;line-height: 0.2rem;font-size: 0.14rem;color: #9E9FA1;margin-top: 0.15rem;text-align: center;}
.ovfHiden{overflow: hidden;height: 100%;}
.scroll-tips{    text-align: center;
    color: #9E9FA1;
    font-size: .12rem;
    line-height: 0.1rem;
    margin: 0;
    width: 100%;
    height: 0.1rem;
    overflow: hidden;}
.commit_fail{width: 2.5rem;height: 1.2rem;border-radius: 5px;background: #FFFFFF;text-align: center;font-size: 0.14rem;position: fixed;top: 50%;left: 50%;margin-top: -0.6rem;margin-left: -1.25rem;display: none;overflow: hidden;opacity: 1;z-index: 999;}
.commit_fail p{margin: 0;padding: 0;line-height: 0.15rem;width: 80%;margin-left: 10%;color: #9E9FA1;padding: 0.2rem 0;}
.commit_fail_close{font-size: 0.18rem;text-align: center;width: 100%;height: 0.4rem;position: absolute;left: 0;bottom: 0;line-height: 0.4rem;letter-spacing: 0.1rem;border-top: 1px solid #9E9FA1;}
.logo{height: 0.47rem;display: inline-block;float: left;margin-left: 0.13rem;margin-top: 0.045rem;}
.modal_logo{height: 0.47rem;display: inline-block;position: absolute;top: 0.045rem;left: 0.13rem;}
.mui-poppicker-header .mui-btn{background: #EEEEEE;border: none;}

#fig-leaf {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 999999; }
